<template>
<div>
  {{form}}
  <p>姓名:<input type="text" v-model="form.name"></p>
  <p>年龄:<input type="text" v-model="form.age"></p>
  <button @click="add">添加</button>
  <br>
  展示此老师下所有学生
  <table border="1" cellspacing="0" align="center">
    <tr>
      <td>学生姓名</td>
      <td>学生年龄</td>
      <td>操作</td>
    </tr>
    <tr v-for="i in stulist">
      <td>{{i.name}}</td>
      <td>{{i.age}}</td>
      <td>
        <button @click="del(i.id)">删除外键关联</button>
      </td>
    </tr>
  </table>
</div>
</template>

<script>
export default {
  name: "Stu",
  data(){
    return{
      form:{'teach':localStorage.getItem('tuserid')},
      stulist:[],
      tid:localStorage.getItem('tuserid')
    }
  },
  methods:{
    add(){
      this.$axios.post('users/xstudentm/',this.form)
      .then(res=>{

          this.getStulist()//就是刷新用的
      })
    },
    getStulist(){ // 获取此老师下所有学生 所以要把老师id传过去
      this.$axios.get('users/xstudentm/?tid='+this.tid)
      .then(res=>{
        if(res.data.code==200){
          this.stulist=res.data.list
        }
      })
    },
    del(id){
      this.$axios.put('users/xstudentm/?id='+id)
      .then(res=>{
        console.log(res.data)

      })
    },
  },
  mounted() {
    // 页面一打开就开始验证登录
    // let tid=localStorage.getItem('tuserid')
    if(!this.tid){ // 如果tid不存在 就是没登录 ！就是否的意思
      alert('请登录')
      this.$router.push({'path':'/teacher_login'})
    }
    this.getStulist()
  }
}
</script>

<style scoped>

</style>
